<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>九盛中彩</title>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/nav.js"></script>
		<script src="js/rem.js"></script>

		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/fonts.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/service.css" rel="stylesheet" />
	</head>

	<body>
		<div id="app"  >
			<header class="mui-bar mui-bar-nav header">
				<a class="mui-action-back mui-icon mui-icon-arrowleft"  style="float: left; color: #fff;">

				</a>
				<h1 class="mui-title">大乐透开奖记录</h1>
			</header>
			
			<div  id="pullrefresh" class="mui-content mui-scroll-wrapper lottery_list" style="background: #fff;">
				<div class="mui-scroll">
					<div class="mui-card">
						<ul class="mui-table-view mui-table-view-chevron">
							
							<li class="mui-table-view-cell mui-collapse">
										<a href="#" class="mui-navigate-right service-top" >
											
											<div class="mui-media-body">
												<p class="stitle">大乐透 <span>20180409期</span>
													<span style="float: right;">04-12(周四)</span>
												</p>
												
												<div class='mui-num'>
													<span class="mui-badge mui-badge-red">01</span>
													<span class="mui-badge mui-badge-red">23</span>
													<span class="mui-badge mui-badge-red">18</span>
													<span class="mui-badge mui-badge-red">05</span>
													<span class="mui-badge mui-badge-red">12</span>
													
													<span class="mui-badge mui-badge-bule">07</span>
													<span class="mui-badge mui-badge-bule">11</span>
													
												</div>
												
											</div>
										</a>
								<ul class="mui-table-view mui-table-view-chevron">
									
									<div class="lottery_details">
										
										<div class="stitle">开奖详情</div>
										<div class="mui-row" style="border-top: 1px solid #e4e4e4;">
											<div class="mui-col-sm-6 mui-col-xs-6 tit ">
												
												<div class="title_num">3.42亿</div>
												<div class="title_t">本期销量</div>
											</div>
											<div class="mui-col-sm-6 mui-col-xs-6 tit">
												<div class="title_num">9.04亿</div>
												<div class="title_t">奖池滚存</div>
											</div>
										</div>
										
										<div class="mui-row" style="border-top: 3px solid #f2f2f2;border-bottom: 1px solid #e4e4e4; margin-top: 10px;">
											<div class="mui-col-sm-4 mui-col-xs-4 list_title ">
												
												奖项
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												注数（注）
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												单注金额（元）
											</div>
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										
									</div>
									
									<li style="height: 10px;"></li>
								</ul>
							</li>
							
							<li class="mui-table-view-cell mui-collapse">
										<a href="#" class="mui-navigate-right service-top" >
											
											<div class="mui-media-body">
												<p class="stitle">大乐透 <span>20180302期</span>
													<span style="float: right;">04-12(周四)</span>
												</p>
												
												<div class='mui-num'>
													<span class="mui-badge mui-badge-red">21</span>
													<span class="mui-badge mui-badge-red">33</span>
													<span class="mui-badge mui-badge-red">18</span>
													<span class="mui-badge mui-badge-red">05</span>
													<span class="mui-badge mui-badge-red">12</span>
													
													<span class="mui-badge mui-badge-bule">17</span>
													<span class="mui-badge mui-badge-bule">11</span>
													
												</div>
												
											</div>
										</a>
								<ul class="mui-table-view mui-table-view-chevron">
									
									<div class="lottery_details">
										
										<div class="stitle">开奖详情</div>
										<div class="mui-row" style="border-top: 1px solid #e4e4e4;">
											<div class="mui-col-sm-6 mui-col-xs-6 tit ">
												
												<div class="title_num">3.42亿</div>
												<div class="title_t">本期销量</div>
											</div>
											<div class="mui-col-sm-6 mui-col-xs-6 tit">
												<div class="title_num">9.04亿</div>
												<div class="title_t">奖池滚存</div>
											</div>
										</div>
										
										<div class="mui-row" style="border-top: 3px solid #f2f2f2;border-bottom: 1px solid #e4e4e4; margin-top: 10px;">
											<div class="mui-col-sm-4 mui-col-xs-4 list_title ">
												
												奖项
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												注数（注）
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												单注金额（元）
											</div>
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										
									</div>
									
									<li style="height: 10px;"></li>
								</ul>
							</li>
							
							<li class="mui-table-view-cell mui-collapse">
										<a href="#" class="mui-navigate-right service-top" >
											
											<div class="mui-media-body">
												<p class="stitle">大乐透 <span>20180201期</span>
													<span style="float: right;">04-12(周四)</span>
												</p>
												
												<div class='mui-num'>
													<span class="mui-badge mui-badge-red">11</span>
													<span class="mui-badge mui-badge-red">13</span>
													<span class="mui-badge mui-badge-red">18</span>
													<span class="mui-badge mui-badge-red">05</span>
													<span class="mui-badge mui-badge-red">12</span>
													
													<span class="mui-badge mui-badge-bule">07</span>
													<span class="mui-badge mui-badge-bule">11</span>
													
												</div>
												
											</div>
										</a>
								<ul class="mui-table-view mui-table-view-chevron">
									
									<div class="lottery_details">
										
										<div class="stitle">开奖详情</div>
										<div class="mui-row" style="border-top: 1px solid #e4e4e4;">
											<div class="mui-col-sm-6 mui-col-xs-6 tit ">
												
												<div class="title_num">3.42亿</div>
												<div class="title_t">本期销量</div>
											</div>
											<div class="mui-col-sm-6 mui-col-xs-6 tit">
												<div class="title_num">9.04亿</div>
												<div class="title_t">奖池滚存</div>
											</div>
										</div>
										
										<div class="mui-row" style="border-top: 3px solid #f2f2f2;border-bottom: 1px solid #e4e4e4; margin-top: 10px;">
											<div class="mui-col-sm-4 mui-col-xs-4 list_title ">
												
												奖项
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												注数（注）
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												单注金额（元）
											</div>
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										
									</div>
									
									<li style="height: 10px;"></li>
								</ul>
							</li>
							
							<li class="mui-table-view-cell mui-collapse">
										<a href="#" class="mui-navigate-right service-top" >
											
											<div class="mui-media-body">
												<p class="stitle">大乐透 <span>20180409期</span>
													<span style="float: right;">04-12(周四)</span>
												</p>
												
												<div class='mui-num'>
													<span class="mui-badge mui-badge-red">01</span>
													<span class="mui-badge mui-badge-red">23</span>
													<span class="mui-badge mui-badge-red">18</span>
													<span class="mui-badge mui-badge-red">05</span>
													<span class="mui-badge mui-badge-red">12</span>
													
													<span class="mui-badge mui-badge-bule">07</span>
													<span class="mui-badge mui-badge-bule">11</span>
													
												</div>
												
											</div>
										</a>
								<ul class="mui-table-view mui-table-view-chevron">
									
									<div class="lottery_details">
										
										<div class="stitle">开奖详情</div>
										<div class="mui-row" style="border-top: 1px solid #e4e4e4;">
											<div class="mui-col-sm-6 mui-col-xs-6 tit ">
												
												<div class="title_num">3.42亿</div>
												<div class="title_t">本期销量</div>
											</div>
											<div class="mui-col-sm-6 mui-col-xs-6 tit">
												<div class="title_num">9.04亿</div>
												<div class="title_t">奖池滚存</div>
											</div>
										</div>
										
										<div class="mui-row" style="border-top: 3px solid #f2f2f2;border-bottom: 1px solid #e4e4e4; margin-top: 10px;">
											<div class="mui-col-sm-4 mui-col-xs-4 list_title ">
												
												奖项
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												注数（注）
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_title">
												单注金额（元）
											</div>
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_1 ">
												一等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												4
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_1">
												965638
											</div>
											
										</div>
										
										<div class="mui-row"  style="">
											<div class="mui-col-sm-4 mui-col-xs-4 list_2 ">
												
												二等奖
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												11
											</div>
											<div class="mui-col-sm-4 mui-col-xs-4 list_2">
												96892
											</div>
											
										</div>
										
									</div>
									<li style="height: 10px;"></li>
									
								</ul>
							</li>
							
						</ul>
					</div>
				</div>				
			</div>
		</div>
	</body>
	
	<script type="text/javascript">
		$(document).ready(function(){
			
			new Vue({
					el: '#app'
			})
			$('.nav-list a').eq(3).addClass('mui-active');
			$('.nav-list a').on('click',function(){
				var dataId = $(this).attr('id');
				location.href=dataId+'.html';
			})
			
			
		})
		//mui('body').on('tap', 'a', function () { document.location.href = this.href; });
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		
		
		
		mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					down: {
						//						height: 50, //可选,默认50.触发下拉刷新拖动距离,
						//						auto: true, //可选,默认false.首次加载自动下拉刷新一次
						//						contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
						//						contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
						//						contentrefresh: "正在努力刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
						callback: setDown //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					}
					//					,
					//					up: {
					//						contentrefresh: '正在加载...',
					//						callback: setUp
					//					}
				},
				gestureConfig: {
					tap: true, //默认为true
					doubletap: true, //默认为false
					longtap: true, //默认为false
					swipe: true, //默认为true
					drag: true, //默认为true
					hold: false, //默认为false，不监听
					release: false //默认为false，不监听
				},
				swipeBack: true //启用右滑关闭功能
			});

			//			mui(".mui-scroll-wrapper").scroll({
			//				bounce: false, //滚动条是否有弹力默认是true
			//				indicators: false, //是否显示滚动条,默认是true
			//				deceleration: mui.os.ios ? 0.0003 : 0.0009 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
			//			});

			function setDown() {
				mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
			}

			function setUp() {
				mui('#pullrefresh').pullRefresh().pullupLoading();
			}
	</script>
</html>